<meta charset="utf-8">
<style>

        .lay-box{
            border: 1px #dfdfdf solid;
            width: 98%;
            height: 95%;
            margin: 0 auto;
            padding-top: 1rem;
        }
        .lay-box .lay-content{
            width: 40%;
            margin-left: 20%;
            height: 2rem;
        }
        .lef{
            width: 25%;
            text-align: right;
            float: left;
        }
        .lay-box .lay-content .lay-span{
            font-size: 0.2rem;
            color: #a4a4a4;
            text-align: right;
        }
        .lay-box .lay-content .rig{
            float: right;
            width: 75%;
        }
        select{
            border: 1px solid #9F9F9F;
            font-size: 0.7rem;
            padding: 0.25rem 0.4rem;
            margin-left: 0.2rem;
            color: black;
            width: 82%;
            outline:none;
        }
        .lay-box .lay-content .rig .lay-input-text{
            border: 1px solid #9F9F9F;
            font-size: 0.7rem;
            padding: 0.28rem 0.4rem;
            margin-left: 0.2rem;
            color: black;
            outline:none;
            border-radius: 1px;
        }
        .lay-box .lay-content .rig .lay-submit{
            background: #01AAED;
            padding: 0.5rem 3rem;
            color: white;
            border-radius: 6px;
            margin-top: 1.2rem;
            outline:none;
            border: none;
        }

    </style>
<div class="lay-box">

    <div class="lay-content">
        <div class="lef">
            <span class="lay-span">手机：</span>
        </div>
        <div class="rig">
            <input type="text" placeholder="16359842563" class="lay-input-text"><br>
        </div>
    </div>
    <div class="lay-content">
        <div class="lef">
            <span class="lay-span">姓名：</span>
        </div>
        <div class="rig">
            <input type="text" placeholder="18854629875" class="lay-input-text"><br>
        </div>
    </div>
    <div class="lay-content">
        <div class="lef">
            <span class="lay-span">岗位：</span>
        </div>
        <div class="rig">
            <select name="" id="">
                <option value="管理员">管理员</option>
                <option value="学生">学生</option>
                <option value="家长">家长</option>
                <option value="学生1">学生1</option>
            </select>
        </div>
    </div>
    <div class="lay-content">
        <div class="lef">
            <span class="lay-span">限制IP：</span>
        </div>
        <div class="rig">
            <input type="text" placeholder="管理员" class="lay-input-text"><br>
        </div>
    </div>
    <div class="lay-content">
        <div class="lef">
            <span class="lay-span">QQ：</span>
        </div>
        <div class="rig">
            <input type="text" placeholder="4562894563" class="lay-input-text"><br>
        </div>
    </div>
    <div class="lay-content">
        <div class="lef">
            <span class="lay-span">微信：</span>
        </div>
        <div class="rig">
            <input type="text" placeholder="weixinweixin" class="lay-input-text"><br>
        </div>
    </div>
    <div class="lay-content">
        <div class="lef">
            <span class="lay-span">年龄：</span>
        </div>
        <div class="rig">
            <input type="text" placeholder="0" class="lay-input-text"><br>
            <input type="submit" value="提交" class="lay-submit">
        </div>
    </div>
</div>